<%--
  Created by IntelliJ IDEA.
  User: YANG
  Date: 2019/11/16
  Time: 21:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户简历</title>
    <style>
        body{
            background-color: #ECFFF2;
        }
        .maindiv{
            width: 100%;
        }
        .inner{
            width: 660px;
            margin: 0 auto;
        }
        .jobmanage{
            width: 100%;
        }
        .demo{
            position:relative;
            font-size: 18px;
            color: #222222;
            margin-top: 10px;
            width: 100%;
            height: 40px;
            background-color:#eeeeee;

        }
        span{
            display: inline-block;
            width:80px;
            line-height:40px;
            margin-left: 20px;
        }
        .demoin{
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            width: 100%;
            height:40px;
            margin:auto;
            vertical-align: middle
        }

        .demoin2{
            font-size: 12px;
            color: #222222;
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            width: 100%;
            height:40px;
            margin:auto;
            vertical-align: middle
        }
        button{
            color: white;
            margin-left: 20px;
            width: 80px;
            background-color: #6699CC;
            border: 0;
        }
    </style>

    <script src="Js/jquery-3.4.1.min.js"></script>
    <script src="Js/jquerysession.js"></script>

</head>
<body>
<script>
    $(document).ready(function () {
        //当页面准备时发送ajax请求，加载相关数据，并将之填充到界面上！
        $.ajax({
            type:"GET",
            url:"GetApply.action",
            dataType:"json",
            success:function (obj) {
                //这里要通过jobid来查，
                //    成功了以后需要做一件事，就是把所有的数据迭代出来，这里就需要用到vue，也可以不用vue
                //    加载指定的界面到指定的位置，通过for循环
                for (var j=obj.apply.length-1;j>=0;j--){
                    var ResumeKind;
                    var kind;
                    if(obj.apply[j].resumeKind==1){
                        ResumeKind='默认简历'
                        kind=0;
                    }else{
                        kind=1
                        ResumeKind='自定义简历'
                    }
                    $.session.set("ResumeKind"+j,kind);
                    $.session.set("ResumeAddress"+j,obj.apply[j].resumeAddress);
                    $.session.set("UserID"+j,obj.apply[j].userID);
                    $.session.set("JobID"+j,obj.apply[j].jobID);
                  //这里
                    $("#jobmanage")
                        .prepend(
                            '<div class="demo"><div class="demoin2" ><span>'+obj.apply[j].userID+'</span>' +
                            '<span>'+obj.job[j].jobName+'</span>'+
                            '<span>'+obj.apply[j].resumeTime+'</span>'+
                            '<span>'+ResumeKind+'</span>'+
                            '<button type="button" class="resume">查看简历</button>'+
                            '<button type="button" class="reply">回复用户</button></div></div>'
                        )
                }


                //   把拿到的jobID存储起来


            },

            error:function () {
                alert("失败")
            }

        })
    })

    $("#jobmanage").on('click','.resume',function(){
        //点击事件
        //在这里要进行判断，是自定义简历还是默认简历，如果是自定义简历就需要下载，如果不是自定义简历
        //就可以在线看
        var index=$(".resume").index(this)
        var ResumeKind="ResumeKind"+index;
        var UserID="UserID"+index;
        var kind=$.session.get(ResumeKind);
        var userID=$.session.get(UserID);
        if(kind==0){
            //默认简历，跳转到某个新的界面去查看用户简历
            //怎么写，让企业查看用户的简历呢？
            $(".maindiv").load("showresume.jsp?UserID="+userID)

        }else{
            //自定义简历

            if(confirm(alert("该简历不支持在线查看，是否下载?"))){
                    //发起下载，取出简历名称，然后下载
                window.location.href='http://localhost:8080/userresume/'+
                    $.session.get("ResumeAddress"+index);
            }
        }

        //    当前被包含的是jobmanage.js需要切换到jobrelese,js界面，不是跳一跳
        //切换过去了，但是呢怎么告诉这个 jsp JobID是多少呢
        //在这里存储currentID，就是告诉当前点击的招聘信息的jobID
        $(".maindiv").load("releasejob.jsp?jobID="+jobID)

    })


    $("#jobmanage").on('click','.reply',function(){
        //点击事件
        var index=$(".reply").index(this)
        var userID=$.session.get("UserID"+index);
        var JobID=  $.session.get("JobID"+index);

        $("#dialog1").show();
        $("#submit").click(function () {
          $.ajax({
              type:"POST",
              url:"Reply.action",
              dataType:"json",
              data:{
                  UserID:userID,
                  JobID:JobID,
                  Reply:$("#reply").val(),
              },
              success:function (res) {
                  $("#dialog1").hide();
                 if(res.json.result==1){
                     alert("回复成功！")
                 }else{
                     alert("回复失败！")
                 }


              }
          })
        })
        //怎么弹出
        $("#cancel").click(function () {
            $("#dialog1").hide();
        })
    })

</script>

<div class="maindiv">
    <div class="inner">
        <div class="demo">
            <div class="demoin">
                <span>用户ID</span><span>职位名称</span><span>投递时间</span><span>简历类型</span>
                <span>查看简历</span><span>回复用户</span>
        <%--                这涉及到用户表，job表，申请表--%>
    </div>
</div>

        <div id="jobmanage" class="jobmanage">
            <%--    这里用来填充所有的招聘，然后高度自动增加，只需要通过jquery将相关的代码放入即可--%>
        </div>
        <div id="dialog1" style="position:fixed;background-color:#94ABCC;width: 300px;height:200px;top: 30%;left:0;right:0;margin: 0 auto;display: none" >
            <div style="margin: 0 auto;width: 30%;margin-top: 10px">
                <p style="font-size: large;color: white;">回复消息</p>
            </div>
            <form action="Reply.action" method="post">
             <textarea id="reply" style="width:100%;height:70%;" name="reply">
             </textarea>
                <input id="submit" type="button" value="提交" style="margin-left: 30px;width: 60px;background-color: #6699CC;color:white;">
                <input id="cancel" type="button" value="取消" style="margin-left:120px;width: 60px;background-color: #6699CC;color:white;">
            </form>
        </div>
    </div>
</div>
</body>
</html>
